<!-- 旗舰店日常报表-总 -->
<template>
  <div>

    <el-tabs v-model="activeName" class="parent-tabs">
      <el-tab-pane label="旗舰店日常报表" name="qjdrcbb1">
        <qjdrcbb1></qjdrcbb1>
      </el-tab-pane>
      <el-tab-pane label="非爬取字段上传" name="tmqjdgkrb2">
        <tmqjdgkrb2> </tmqjdgkrb2>
      </el-tab-pane>
      <el-tab-pane label="全部字段上传" name="dyqjdzbjrb3">
        <dyqjdzbjrb3> </dyqjdzbjrb3>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>

import { service } from "@/services/backServices"
// import FileControl from '@/components/common/FileControl.vue';



// 旗舰店日常报表
import qjdrcbb1 from "./qjdrcbbSon/qjdrcbb1.vue";

import tmqjdgkrb2 from "./qjdrcbbSon/tmqjdgkrb2.vue";
import dyqjdzbjrb3 from "./qjdrcbbSon/dyqjdzbjrb3.vue";


export default {
  components: {
    qjdrcbb1,
    tmqjdgkrb2,
    dyqjdzbjrb3
  },

  data() {
    return {
      activeName: "qjdrcbb1",
      // importLoading: false,
      // showDialog: false,
      // uploading: false,
    };
  }
}

</script>


<style lang='less' scoped>
.upload-component {
  position: absolute;
  display: flex;
  right: 45px;
  top: 21px;
  align-items: center;
  z-index: 10;
}

.parent-tabs {
  height: 100%;
  margin: 16px;

  ::v-deep {
    .el-tabs__content {
      height: calc(100% - 85px);

      .el-tab-pane {
        height: 100%;

        .mainTable {
          height: 100%;

          .tablePage {
            border: 0;
          }
        }
      }
    }
  }
}
</style>